<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
	$(document).ready(function(){
		
		// th 노드중 ====== 문자열을 포함하면 볼드처리 한다.
		$('th').each(function(){
			if( $(this).text().indexOf('======') >= 0 ) {
				$(this).css('font-weight' , 'bold');
				$(this).css('color' , '#A57');
			}
		});
		
		$('.star_line').each(function(){
			var retHtml = '<span style="float:left; margin-left:30px;">* </span>';
			retHtml += '<span style="float:left; margin-left:20px; text-align:left;">' + $(this).html() + '</span>';
			$(this).html( retHtml );
		});
		
	});
</script>
</head>
<body>
<div style="padding:15px; font-size: 90%;">
	<div class="tb1" style="width:40%; float:left; margin-right: 5%; line-height: 20px;">
	<table>
	<col width="100px">
	<col width="300px">
	<thead>
	<tr>
	<th colspan="2">====== 정보 ======</th>
	</tr>
	<tr>
	<th>이름</th>
	<th>배종수</th>
	</tr>
	<tr>
	<th>생년</th>
	<th>1980.10.31</th>
	</tr>
	<tr>
	<th colspan="2">====== 경력(웹) ======</th>
	</tr>
	<tr>
	<th>2008.01 - 2010.09</th>
	<th>(주) CNS-이램프</th>
	</tr>
	<tr>
	<th>2011.04 - 2012.05</th>
	<th>(주) 지씨엠코리아</th>
	</tr>
	<tr>
	<th colspan="2">====== 기술(웹) ======</th>
	</tr>
	<tr>
	<th>운영서버</th>
	<th>윈도우 , 리눅스</th>
	</tr>
	<tr>
	<th>DB</th>
	<th>MY-SQL , 오라클</th>
	</tr>
	<tr>
	<th>언어</th>
	<th>JAVA  , JSP , JAVASCRIPT</th>
	</tr>
	<tr>
	<th>사용 툴</th>
	<th>ECLIPSE , U-Edit</th>
	</tr>
	<tr>
	<th>기타</th>
	<th>
	<span class='star_line'>Struts , Spring FRAMEWORK</span><br />
	<span class='star_line'>Hibernate , I-batis ORM</span><br />
	<span class='star_line'>J-Query , Ajax</span><br />
	<span class='star_line'>HTML5 , SENCHA-TOUCH</span><br />
	</th>
	</tr>
	</thead>
	</table>
	</div>
	
	<div class="tb1" style="width:40%; float:left; margin-right: 5%; line-height: 20px;">
	<table>
	<thead>
	<tr>
	<th>====== 공통 ======</th>
	</tr>
	<tr>
	<th>
	<span class='star_line'>메뉴 이동시 AJAX를 이용하여 탭메뉴 구현.<br />
	- 불필요한 페이지 리프레쉬 안함.</span>
	</th>
	</tr>
	<tr>
	<th>
	<span class='star_line'>
	AJAX 페이지 전환시 히스토리에 기록<br />
	- 브라우저의 뒤로가기 버튼 사용가능.</span>
	</th>
	</tr>
	<tr>
	<th>====== 메모장 ======</th>
	</tr>
	<tr>
	<th>
	<span class='star_line'>메모 저장,삭제 및 메모 보기</span>
	<br />
	<span class='star_line'>
	셀 편집 형태의 수정기능.<br />
	- 메모의 제목이나 내용을 더블클릭하여 수정가능.</span> 
	<br /><br />
	</th>	
	</tr>
	</thead>
	</table>
	</div>
</div>
</body>
</html>